<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="/public/css/frontend/bootstrap.css" media="all" rel="stylesheet">
        <style>
            body{
                font-size:9pt;
                font-family:calibri,sans-serif;color:#333;
            }
            
           
            .box-info-leiloeiro,.box-info-via{
                border-radius: 5px;
                border:1px solid #111;
                height: 28mm;
            }
            .box-info-comitente,.box-info-num-nfe{
                border-radius: 5px;
                border:1px solid #111;
                height: 10mm;
                
                margin-top: 2mm;
            }
            .box-info-comitente{
                padding-top: 2px;
            }
            .box-info-arrematante{
                border-radius: 5px;
                border:1px solid #111;
                 margin-top: 2mm;
            }
            .container-nfe-info{ 
             height: 120mm;
             font-size: 8pt;
            }
            .box-info-arrematante{width: 97.5%;
             height: 20mm;
             
            }
            .box-info-num-nfe{
                text-align: center;
                line-height: 10mm;
            }
            .box-name-comitente{
                width: 77%;
                padding: 1mm;
                padding-top: 2mm;padding-bottom:  2mm;
                font-size: 7pt;
               
            }
            .box-info-arrematante p{
                border-bottom: 1px solid #111;
                float: left;
                padding: 5px;
                display: block;
                margin: 0px;
            }
            .nfe-label{
                font-size: 7pt;
                margin-right: 3px;
                font-weight: bold;
                padding-right: 4px;
                text-transform: uppercase;
            }
            .cidade-arrematante{width: 33.6%;border-right: 1px solid #111;}
            .uf-arrematante{width: 20%; border-right: 1px solid #111;}
            .cep-arrematante{width: 20%; border-right: 1px solid #111;}
            .telefone-arrematante{width: 20%;}
            p.cnpj-arrematante{width: 50%; border: none; border-right: 1px solid #111;}
            p.ie-arrematante{width: 46.6%;border: none;}
            .box-info-lote{
                 border-radius: 5px;
                border:1px solid #111;
                 margin-top: 2mm;
                 width: 97.5%;
            }
            .header{
               background: #999;
               border-bottom: 1px solid #111;
              font-size:7pt;
              font-weight: bold;
              padding: 5px;
              float: left;
            }
            .num{ width: 10%;}
            .descricao{width: 65.28%; border-right: 1px solid #111; border-left: 1px solid #111;}
            .valor{width: 20%; text-align: right;}
            .lote-data{ width: 100%;}
            .lote-nfe{ padding: 5px;height: 30mm; margin: 0px;float:left; border-bottom: 1px solid #111; }
            .lote-nfe.descricao{ font-size: 6pt;
             font-family: arial,sans-serif;
            }
            .box-info-arrematante p.name-arrematante{width: 80%;}
            .box-info-arrematante p.datawidth{  width:18%;}
            
            .box-info-totais{}
            .box-obs{ float: left; padding: 5px; width: 57%;}
            .values-totais{float: left;text-align: right; width: 21.2%; border-left: 1px solid #111;}
            .labels-totais{ float: left;  width: 19.8%;border-left: 1px solid #111;}
            .values-totais p,
            .labels-totais p {
                border-bottom: 1px solid #111; 
                margin: 0px;
                padding: 2px;
                width: 100%;
                font-size: 8pt;
               
            }
            p.label-total{
              border:none;  
            }
            
            .box-info-leilao-data{width: 19%;padding-top: 2mm;padding-bottom:  2mm; font-size: 8pt;}
            .container-box-via{padding: 0px; }
            .box-info-leiloeiro{ text-align: center;}
            .box-info-leiloeiro h3{ margin: 0px; margin-top: 3mm;}
            
            .box-corte{margin-bottom: 5px;}
            .label-nfe-via{
                background: #ccc;
                height: 15mm;
                text-align: center;
                padding-top: 2mm;
            }
            .box-info-via  p{
                font-size: 7pt;
                text-align: center;
                
            }
            
        </style>
    </head>
    
    <body >
        <div>
            {content}
        </div>

    </body>
</html>

